<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>热销商品</title>
<style type="text/css">
	body{
		background:#dae4fe;
	}
	.t{
		border-collapse: collapse;
		border: none;
		width: 700px;
		font-size:14px;
	}
	.t td{
		text-align: center;
	}
	.one1{
		font-size:14px;
		font-weight:bold;
		margin:5px;
	}
</style>
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
	$(function(){
		$("tr:even").css("background","#ccffcc");
		$("tr:odd").css("background","#ccffff");
		$("table tr").mouseenter(function(){
			$(this).css("background","#CCC");
		}).mouseleave(function(){
			$("tr:even").css("background","#ccffcc");
			$("tr:odd").css("background","#ccffff");
		});
	});
</script>
</head>
<body>
	<div class="one1">
		商品管理->热销商品
		<hr>
	</div>
	<h3>热销商品</h3>
	<table id="t" border="1" class="t">
		<tr class ="border_bottom_empty">
			<th>商品名称</th>
			<th>商品类型</th>
			<th>添加日期</th>
			<th>商品品牌</th>
		</tr>
		<c:forEach items="${list}" var="com1">
			<tr>
				<td width="25%">${com1.cName}</td>
				<td width="25%">${com1.ctName}</td>
				<td width="25%"><fmt:formatDate value="${com1.cDate}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
				<td width="25%">${com1.bName}</td>
			</tr>
		</c:forEach>
	</table>
</body>
</html>